<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">

</head>
<body>
<div class="nav">
  <img src="img/1000.webp" alt="">
  <span class="title">我的博客系统</span>
  <div class="spacer" ></div>
  <a href="blog_list.html">主页</a>
  <a href="blog_edit.html.html">写博客</a>
</div>

<!--用这个元素作为版心，把对话框放到这个元素里面，垂直-->
<div class="login-container">
<!--登录对话框-->
    <div class="dialog">
        <h3>登录</h3>
        <div class="row">
            <span>用户名</span>
<!-- 这两个框很关键 就设置个id作为标识-->
            <input type="text" id="username">
        </div>

        <div class="row">
            <span>密码</span>
            <input type="password" id="password">
        </div>

        <div class="row">
            <button id="login-btn">登录</button>

        </div>



    </div>

</div>


</body>
</html>